html, body{height: 100%;margin: 0 auto;}
body{background:#fff;font: 14px/1.5 \5FAE\8F6F\96C5\9ED1,arial,sans-serif;color:#666;-moz-user-select:none;-webkit-user-select:none;}
*{margin:0;padding:0}
img{border:0;border:none;vertical-align:middle;/* pointer-events: none;*/}
li{list-style-type:none;}
a{text-decoration:none;cursor:pointer;outline:none;color:#333;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
.clear{zoom:1;}
.clear:after{content:"";display:block;clear:both;}
.main_box{width:100%;max-width:640px;height:100%;position:relative;margin:0 auto;overflow:hidden;background:-webkit-gradient(linear, left top, left bottom, color-start(0.05, #fff100), color-stop(1, #ffba00));background:-moz-linear-gradient(top, #fff100 5%, #ffba00 100%);background:-o-linear-gradient(top, #fff100 5%, #ffba00 100%);background:-ms-linear-gradient(top, #fff100 5%, #ffba00 100%);background:linear-gradient(to bottom, #fff100 5%, #ffba00 100%);background:-webkit-linear-gradient(top, #fff100 5%, #ffba00 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff100', endColorstr='#ffba00',GradientType=0);}
.main_box_rank{background: url(../img/inside_bg.png) repeat;width: 100%;height: 100%;background-size:30px;}

/*index*/
.index_header{position: relative;}
.sides_left{display: block;width: 12%;position: absolute;left:0;top:0;}
.sides_right{display: block;width: 12%;position: absolute;right:0;top:0;transform: rotateY(180deg);-ms-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-o-transform: rotateY(180deg);}
.index_logo{width: 30%;position: absolute;left:15%;top:5%;}
.main_back{position: absolute;width: 100%;top:30%;left:0;}
.red_pack{width: 95%;margin: 0 auto;}
.btn_all{position: absolute;width: 100%;top:0;left:0;}
.btn_box{display: -webkit-box;-webkit-box-align: center;padding:10px 0;position: relative;}
.btn_bg_box{background: #f9ed45;opacity: .6;position: absolute;left:0;top:0;height: 100%;width: 100%;}
.btn_box a{display: block;width: 25%;margin-left: 6%;height: 30px;line-height: 30px;text-align:center;background:-webkit-gradient(linear, left top, left bottom, color-start(0.05, #c5ed00), color-stop(1, #42c200));background:-moz-linear-gradient(top, #c5ed00 5%, #42c200 100%);background:-o-linear-gradient(top, #c5ed00 5%, #42c200 100%);background:-ms-linear-gradient(top, #c5ed00 5%, #42c200 100%);background:linear-gradient(to bottom, #c5ed00 5%, #42c200 100%);background:-webkit-linear-gradient(top, #c5ed00 5%, #42c200 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5ed00', endColorstr='#42c200',GradientType=0);color:#fff;border:1px #38ab0e solid;position: relative;z-index: 99;border-radius: 2px;}
.index_footer{position: absolute;width: 100%;bottom:0;left:0;}
.red_box{height: 30px;width: 100%;background: #e31319;}
.rule_index_btn{display: block;width: 20px;background: #4DC500;text-align: center;position: absolute;right: 0;top: 20%;z-index: 999;padding: 5px;color: #fff;border-radius: 5px 0 0 5px;line-height: 18px;}

.index_red_box,.redpage_box,.integral_box{display: none;}
.red_box_bg{width: 100%;height: 100%;position: absolute;background: #4F1E31;top:0;opacity: .8;z-index: 9999;}
.frame_box{position: absolute;width: 100%;height: 100%;top:0;left:0;z-index: 999999;display: -webkit-box;-webkit-box-align: center;}
.frame_all{width:90%;margin: 0 auto 0;position: relative;}
.frame_header{position: relative;}
.red_box_all{width: 80%;margin: 0 auto;position: relative;}
.red_header_close{width: 100%;position: absolute;left:0;top:0;}
.redpack_btn_box{position: absolute;width: 100%;left:0;top:15%;z-index: 99;}
.redpack_btn{width: 30%;margin: 0 auto;display: block;position: relative;}
.redpack_btn p{position: absolute;width: 100%;display: -webkit-box;-webkit-box-pack: center;-webkit-box-align: center;top: 0;height: 100%;color:#e71f19;font-weight: bold;font-size: 16px;line-height: 18px;}
.redpack_p{text-align: center;color: #FFF100;line-height: 18px;margin-top: 20px;}
.redpack_p span{font-size: 22px;font-weight: bold;padding:0 2px;}
.red_box_img{position: relative;z-index: 9;}
.showy_block,.lottery .red_header_open,.lottery .money_box,.lottery .red_close_btn{display: none;}
.red_header_open{position:absolute;top:-50%;left:0;z-index:7;width:100%;}
.not_lottery .money_img{opacity: 1;top: -15%;}
.money_img{position: absolute;width: 100%;top:20%;left:0;z-index: 8;opacity: 0;}
.not_lottery .money_box{bottom: 20%;}
.money_title_p{font-size: 12px;line-height: 16px;color:#FA9629;}
.integral_business{display: block;width: 50%;height: 30px;line-height: 30px;text-align: center;margin: 5px auto;background: #42c200;color: #fff;}
.money_box{width: 100%;position: absolute;z-index: 999;text-align: center;color: #FEF200;line-height: 22px;top:60%;}
.money_box span{font-size:36px;font-weight: bold;padding:0 2px;}
.redpack_title{position: absolute;top:-30%;left:0;width: 100%;text-align: center;color:#fff100;display: none;}
.red_close_btn{display: block;width: 30px;height: 30px;line-height: 30px;background: #EF281E;text-align: center;color: #BD101C;font-size: 24px;border: 2px #6C3D3B solid;border-radius: 50%;position: absolute;right:5%;top:-50%;z-index: 99;}
.open_redpack{-webkit-animation: open 0.2s linear 0.5s infinite alternate;-webkit-animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);animation: open 0.2s linear 0.5s infinite alternate;animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);}
@keyframes open{0%{transform: scale(1);}
100%{transform: scale(0.9);}}
@-webkit-keyframes open{0%{-webkit-transform: scale(1);}
100%{-webkit-transform: scale(0.9);}}
.wait_rotate{-webkit-animation:flipInY 1s .2s infinite alternate;-moz-animation:flipInY 1s .2s infinite alternate;}
@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(180deg);}
30%{-webkit-transform:perspective(400px) rotateY(-10deg)}
60%{-webkit-transform:perspective(400px) rotateY(180deg)}
100%{-webkit-transform:perspective(400px) rotateY(10deg);}}
@-moz-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(180deg);}
30%{-webkit-transform:perspective(400px) rotateY(-10deg)}
60%{-webkit-transform:perspective(400px) rotateY(180deg)}
100%{-webkit-transform:perspective(400px) rotateY(10deg);}}
.animation_lottery{-webkit-animation:bounceIn 1s .2s ease both;-moz-animation:bounceIn 1s .2s ease both;}
@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3)}
50%{opacity:1;-webkit-transform:scale(1.05)}
70%{-webkit-transform:scale(.9)}
100%{-webkit-transform:scale(1)}}
@-moz-keyframes bounceIn{0%{opacity:0;-moz-transform:scale(.3)}
50%{opacity:1;-moz-transform:scale(1.05)}
70%{-moz-transform:scale(.9)}
100%{-moz-transform:scale(1)}}
.dotting{display: inline-block; min-width: 3px; min-height: 3px;box-shadow: 3px 0 currentColor, 9px 0 currentColor, 15px 0 currentColor;-webkit-animation: dot 2s infinite step-start both;animation: dot 2s infinite step-start both;*zoom: expression(this.innerHTML = '...'); /* IE7 */}
.dotting:before{content: '...';}
.dotting::before{content: '';}
:root .dotting{margin-right: 8px;}
@-webkit-keyframes dot{25%{box-shadow: none;} 50%{box-shadow: 3px 0 currentColor;} 75%{box-shadow: 3px 0 currentColor, 9px 0 currentColor;}}
@keyframes dot{25%{box-shadow: none;} 50%{box-shadow: 3px 0 currentColor;} 75%{box-shadow: 3px 0 currentColor, 9px 0 currentColor;}}

.less_box{width: 75%;margin: 0 auto;position: relative;}
.less_box h5{text-align: center;color:#fff100;font-size: 16px;}
.less_all{width: 90%;margin: 0 auto;}
.less_not{display: block;width: 30%;margin: 0 auto;}
.erweima_box{width: 90%;margin: 0 auto 10px;background: #fff;padding: 5%;border-radius: 5px;position: relative;}
.close_btn{display: block;width: 30px;height: 30px;line-height: 30px;background: #D2D2D2;text-align: center;color: #fff;font-size: 24px;border: 2px #fff solid;border-radius: 50%;position: absolute;right:-7%;top:-7%;z-index: 99;}
.information_box{color:#fff100;border-top: 1px #fff100 dashed;border-bottom: 1px #fff100 dashed;padding: 2% 0;}
.erweima_box p{font-size: 8px;text-align: center;margin-top: 10px;}
/*rank*/
.rank_list{width: 85%;margin:10px auto;border: 2px #ff0000 solid;background: #fff url(../img/rank_list_logo.png) center no-repeat;background-size: 50%;border-radius: 5px;height: 60%;position: relative;}
.rank_header{background:#f40000;display: -webkit-box;-webkit-box-align: center;height: 35px;line-height: 35px;}
.rank_header span{display: block;color:#ffeb6e;text-align: center;}
.rank_line{display: -webkit-box;-webkit-box-align: center;border-bottom: 1px #ff0000 dashed;padding:5px 0;}
.rank_line span{display: block;color:#000;text-align: center;}
.number{width: 15%;}
.user_img{width: 25%;}
.user_name{width: 35%;}
.get_money{width: 25%;}
.rank_line .user_name{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.rank_view{height: 88%;overflow-y: auto;}
.rank_view::-webkit-scrollbar{display: none;}
.min_red_pack{position:absolute;width: 10%;right:-8%;top:50%;}
.rotate_smash{position:absolute;width: 10%;left:4%;top:20%;z-index: 99;}
.rotate_red_pack{position:absolute;width: 10%;left:-5%;bottom:5%;transform: rotate(300deg);-ms-transform: rotate(300deg);-moz-transform: rotate(300deg);-webkit-transform: rotate(300deg);-o-transform: rotate(300deg);}
/*rule*/
.rule_list{background: #fffabd;width: 80%;margin:5% auto 0;border-radius: 5px;padding-bottom: 5%;position: relative;}
.rule_header{position: relative;}
.calligraphy_header{position: relative;margin-top: -5%;}
.rule_logo{width: 100%;position: absolute;top:-95%;left:0;}
.rule_logo span{display: block;width: 20%;margin: 0 auto;}
.rule_article{width: 90%;margin: 0 auto;}
.rule_article h5{text-align: center;font-size: 16px;color:#ff0000;margin: 5px 0;}
.border_list{border: 1px #ff0000 dashed;border-radius: 5px;}
.border_list p{padding:5px;font-size: 11px;color:#cc1111;}

.results_title_box{width: 90%;margin:20px auto;position: relative;}
.erweima_main{max-width: 640px;width: 100%;position: relative;margin: 0 auto;background: #c40f10;height: 100%;overflow: hidden; }
.erweima_cloud_top{ margin-top: -8%; position: relative; z-index: 999; }
.erweima_cloud_center{position: absolute;width: 100%; top: 10%;left:0; z-index: 999;}
.erweima_box_gzh{ width: 40%; margin:0 auto; text-align: center; color:#de1f26;}
.erweima_box_gzh p{ line-height: 16px; margin-top: 10px;}
.padding_box{ margin-left: -10%; }
.main_box_index{max-width: 640px;width: 100%;position: relative;margin: 0 auto;background: #ffef78;min-height: 100%; overflow: hidden;}
.z_index_box{position: relative;z-index: 101;}
.index_header .logo_box{ display: block; width: 15%;margin-left: 10%; }
.index_header .title_box{width: 80%; margin: -5% auto 0;}
.header_bg{ position:absolute;top:0;left:0; }
.figure_box{ width: 50%; margin:-10% auto 0; position: relative; z-index: 99; }
.cloud_top{ margin-top: -30%; }
.cloud_center{margin-top: -15% ; position: relative;z-index: 999;}
.results_box{ position: relative;width: 92%; margin: 0 auto; }
.btn_all_box{ position: absolute;width: 100%; top:20%;left:0;height:100%; }
.btn_all_box .btn_border,.alert_box .btn_border{ margin-bottom: 10px; }


@media screen and (min-width: 414px) and (max-width: 640px){
.erweima_box p{ font-size: 12px;}
}